<template>
	<view>
		<view>菜品搜索结果界面</view>

		<view class="display_box">
			<view style="background-color: #18B566; width: 50rpx;height: 50rpx;"></view>
			<view style="background-color: #00aaff; width: 50rpx;height: 50rpx;"></view>
			<view style="background-color: #55aaff; width: 50rpx;height: 50rpx;"></view>
		</view>
		<u-row :gutter="$attrs6">
			<u-col :span="3">
				<u-image
					src="http://124.93.196.45:10001/prod-api/profile/upload/image/2021/05/06/b9d9f081-8a76-41dc-8199-23bcb3a64fcc.png"
					width="50%"
					height="100rpx"
				></u-image>
			</u-col>
			<u-col :span="9">
				<view>这是一个测试的View</view>
			</u-col>
		</u-row>
		<u-row>
			<u-col :span="3">
				<u-image
					src="http://124.93.196.45:10001/prod-api/profile/upload/image/2021/05/06/b9d9f081-8a76-41dc-8199-23bcb3a64fcc.png"
					width="100%"
					height="100rpx"
				></u-image>
			</u-col>
			<u-col :span="9">
				<view>这是一个测试的View</view>
			</u-col>
		</u-row>
	
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {},
	onLoad(option) {
		console.log(option.content);
	}
};
</script>

<style>
.display_box {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: space-between;
}
.image {
	width: 400rpx;
	height: 400rpx;
}
</style>
